<template>
    <div class="projectBudgetDetail">
        <div class="header-search-container">
            <div class="handle-input-row">
                <div class="handle-input-section">
                    <label class="handle-input-lable">工单编号：</label>
                    <el-input
                        clearable
                        size="small"
                        placeholder="请填写工单编号"
                        v-model="searchData.workOrderNumber"
                        autocomplete="off"
                    ></el-input>
                </div>
                <div class="handle-input-section">
                    <label class="handle-input-lable">工程名称：</label>
                    <el-input
                        clearable
                        size="small"
                        placeholder="请填写工程名称"
                        v-model="searchData.constructionProjectName"
                        autocomplete="off"
                    ></el-input>
                </div>
                <el-button type="primary" size="small" @click="getProjectBudgetList">查询</el-button>
            </div>
            <div class="handle-input-row">
                <el-button v-for="item in btns" :key="item.label" @click="item.click" type="primary" size="small">
                    {{ item.label }}
                </el-button>
            </div>
        </div>
        <project-budget-content
            :dataList="projectBudgetList"
            @changeState="handleChangeOrderState"
            @searchDetail="handleSearchLogDetail"
            :currentRow.sync="currentRow"
            :loading="loading"
        >
            <common-paging
                ref="paging"
                slot="page"
                :dataTotal="dataTotal"
                @changePage="handleChangePage"
            ></common-paging>
        </project-budget-content>
        <!-- 新增 -->
        <add-project-budget
            @choose="choose"
            :show.sync="showProjectBudget"
            ref="addProjectBudgetDialog"
        ></add-project-budget>
        <!-- 新增（选择）-->
        <select-project-budget ref="selectProjectBudgetDialog" :data="budgetDialogData"></select-project-budget>
    </div>
</template>

<script>
import ProjectBudgetDetail from './ProjectBudgetDetail.js';
export default {
    ...ProjectBudgetDetail
};
</script>

<style lang="less" scoped>
@import './ProjectBudgetDetail.less';
</style>
